<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>360商城</title>
		<link rel="shortcut icon" href="img/favicon.png"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/detail.css"/>
		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/shuxing.js"></script>
		<script type="text/javascript" src="js/ajax.js" ></script>
		<script src="js/cookie.js"></script>       
	</head>
	<body>
<!---------------------------------------引入top--------------------------->
		<div class="allTop">/</div>
<!---------------------------------------detail页面--------------------------->		
		<div id="det">
			<div class="left">
				<div class="fa">
					<img class="big" src="img/111.jpg"/>
					<div class="glass"></div>
				</div>
				<img class="sma" src="img/111.jpg"/>
				<img class="sma" src="img/112.jpg"/>
				<img class="sma" src="img/113.jpg"/>
				<img class="sma" src="img/111.jpg"/>
				<div class="lar">
					<img class="lla" src="img/111.jpg">
				</div>
			</div>
			<div class="right r">
				<h1 class="h1">360手机f4高配版移动4G魔力白</h1>
				<p>即日起-9月17日购买360手机f4，将有机会随机获得“再来一台”幸运奖券，奖券在包装内附赠，幸运用户可凭借奖券，免费兑换同款手机一台，兑换截止时间9月30日。</p>
				<strong>￥
					<span class="pri">699</span>
				</strong>
				
				<ul>
					<span>数量</span>
					<li class="minus">-</li>
					<li class="num">1</li>
					<li class="plus">+</li>
				</ul>
				<input class="jia" type="button" value="加入购物车"/>
			</div>
		</div>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		<!---------------------------------------底部页面--------------------------->
		<div id="bottom">
			<div class="top">
				<ul>
					<li><a href="#"><i>7</i>7天无理由退换货</a></li>
					<li><a href="#"><i>15</i>15天免费换货</a></li>
					<li><a href="#"><i>包</i>满99元包邮</a></li>
					<li style="border-right:0 ;"><a href="#"><i>服</i>手机特色服务</a></li>
				</ul>
			</div>
			<div class="middle">
				<ul>
					<li style="font-size: 16px;height:40px;line-height: 40px;">帮助中心 </li>
					<li><a href="#">用户注册</a></li>
					<li><a href="#">用户登录与密码找回</a></li>
					<li><a href="#">购买指南</a></li>
					<li><a href="#">支付方式</a></li>
					<li><a href="#">配送与说明</a></li>
				</ul>
				<ul>
					<li style="font-size: 16px;height:40px;line-height: 40px;">售后服务 </li>
					<li><a href="#">7 日无理由退货</a></li>
					<li><a href="#">质量问题 15 日内换货</a></li>
					<li><a href="#">保修条款</a></li>
					<li><a href="#">服务流程</a></li>
					<li><a href="#">安迷之家</a></li>
				</ul>
				<ul>
					<li style="font-size: 16px;height:40px;line-height: 40px;">特色服务</li>
					<li><a href="#">F码通道</a></li>
					<li><a href="#">免费试用</a></li>
					<li><a href="#">360 生态</a></li>
					<li><a href="#">一元夺宝</a></li>
				</ul>
				<ul>
					<li style="font-size: 16px;height:40px;line-height: 40px;">推广合作 </li>
					<li><a href="#">商品入驻</a></li>
					<li><a href="#">大客户采购</a></li>
				</ul>
				<ul>
					<li style="font-size: 16px;height:40px;line-height: 40px;">关注360商城</li>
					<li><a href="#">360商城大事记</a></li>
				</ul>
				<ul style="width: 200px;">
					<li style="font-size: 16px;height:40px;line-height: 40px;margin-bottom: 20px;">联系我们  </li>
					<li class="con"><a href="#"><img src="img/contect/con1.png"/></a></li>
					<li class="con"><a class="xin" href="#"><img src="img/contect/con2.png"/>
					<span><img src="img/contect/con4.jpg"/></span>
					</a>
						
					</li>
					<li class="con" style="margin-right: 0;"><a class="wei" href="#"><img src="img/contect/con3.png"/>
					<span><img src="img/contect/con5.jpg"/></span>
					</a>
						
					</li>
				</ul>
			</div>
			<div class="bot">
				<p>360商城©2013-2016 360公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号</p>
			</div>
		</div>
		<script>
			$(function(){
				$(".allTop").load("top.html",function(){
					var str = getCookie("nowuser");
					if(str!=""){
						var cart_hover = document.getElementsByClassName("cart_hover")[0];
						denglu.innerHTML = str;
						reg.innerHTML = "";
						cart_hover.innerHTML = "您的购物车还没有商品，赶紧去选购吧！";
					}
					
				});
			})
		</script>
		<script src="js/detail.js"></script>
	</body>
</html>
